<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=utf-8"/><!-- /Added by HTTrack -->
<head>
    <meta charset="UTF-8">

    <link rel="shortcut icon" href="/images/favicon.html">
    <meta name="description" content="">
    <meta name="keywords" content="">

    <title></title>

    <link href="/css/style.css" media="screen" rel="stylesheet" type="text/css">
    <link href="/css/grid.css" media="screen" rel="stylesheet" type="text/css">

    <script src="/js/jquery-1.7.2.min.js"></script>
    <script src="/js/html5.js"></script>
    <script src="/js/jflow.plus.js"></script>
    <script src="/js/jquery.carouFredSel-5.2.2-packed.js"></script>
    <script src="/js/checkbox.js"></script>
    <script src="/js/radio.js"></script>
    <script src="/js/selectBox.js"></script>
    <style type="text/css">
    </style>
    <script>
        $(document).ready(function () {
            $("select").selectBox();
        });
    </script>

    <script>
        $(document).ready(function () {
            $("#myController").jFlow({
                controller: ".control", // must be class, use . sign
                slideWrapper: "#jFlowSlider", // must be id, use # sign
                slides: "#slider",  // the div where all your sliding divs are nested in
                selectedWrapper: "jFlowSelected",  // just pure text, no sign
                width: "984px",  // this is the width for the content-slider
                height: "480px",  // this is the height for the content-slider
                duration: 400,  // time in miliseconds to transition one slide
                prev: ".slidprev", // must be class, use . sign
                next: ".slidnext", // must be class, use . sign
                auto: true
            });
        });
    </script>
    <script>
        $(function () {
            $('#list_product').carouFredSel({
                prev: '#prev_c1',
                next: '#next_c1',
                auto: false
            });
            $('#list_product2').carouFredSel({
                prev: '#prev_c2',
                next: '#next_c2',
                auto: false
            });
            $(window).resize();
        });
    </script>
    <script>
        $(document).ready(function () {
            $("button").click(function () {
                $(this).addClass('click')
            });
        })
    </script>

</head>
<body>
<div class="container_12">
    <div id="top">
        <div class="grid_3">
            <div class="phone_top">
                Call Us +777 (100) 1234
            </div><!-- .phone_top -->
        </div><!-- .grid_3 -->

        <div class="grid_6">
            <div class="welcome">
                欢迎访客，您可以<a href="/qd/login.html" style="color: #fe6400">登录</a> 或 <a href="/qd/register.html" style="color: #fe6400">创建帐户</a>.
            </div><!-- .welcome -->
        </div><!-- .grid_6 -->

        <div class="grid_3">
            <div class="valuta">
                <ul>
                    <li class="curent"><a href="#">客户服务</a></li>

                </ul>
            </div><!-- .valuta -->

            <div class="lang">
                <ul>
                    <li class="curent"><a href="#">个人中心</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">帮助</a></li>
                </ul>
            </div><!-- .lang -->
        </div><!-- .grid_3 -->
    </div><!-- #top -->

    <div class="clear"></div>

    <header id="branding">
        <div class="grid_3">
            <hgroup>
                <h1 id="site_logo"><a href="/goods/index.html" title=""><img src="/images/logo.png" alt="钦州坭兴陶" width="200"
                                                                             height="80"/></a></h1>
                <h2 id="site_description">钦州坭兴陶</h2>
            </hgroup>
        </div><!-- .grid_3 -->

        <div class="grid_3">
            <form class="search">
                <input type="text" name="search" class="entry_form" value="" placeholder="找你想要的..."/>
            </form>
        </div><!-- .grid_3 -->

        <div class="grid_6">
            <ul id="cart_nav">
                <li>
                    <a class="cart_li" href="#">购物车 <span>￥0.00</span></a>
                    <ul class="cart_cont">
                        <li class="no_border"><p>最近添加的项目</p></li>
                        <li>
                            <a href="product_page.html" class="prev_cart">
                                <div class="cart_vert"><img src="/images/cart_img.jpg" alt="" title=""/></div>
                            </a>
                            <div class="cont_cart">
                                <h4> 广西钦州坭兴陶茶壶 佛系人生</h4>
                                <div class="price">￥399.00</div>
                            </div>
                            <a title="close" class="close" href="#"></a>
                            <div class="clear"></div>
                        </li>

                        <li>
                            <a href="product_page.html" class="prev_cart">
                                <div class="cart_vert"><img src="/images/produkt_slid1.jpg" alt="" title=""/></div>
                            </a>
                            <div class="cont_cart">
                                <h4>纯手工刻绘品茗杯茶具小茶杯小杯子 高身收口杯</h4>
                                <div class="price">￥399.00</div>
                            </div>
                            <a title="close" class="close" href="#"></a>
                            <div class="clear"></div>
                        </li>
                        <li class="no_border">
                            <a href="shopping_cart.html" class="view_cart">查看购物车</a>
                            <a href="checkout.html" class="checkout">进行结账</a>
                        </li>
                    </ul>
                </li>
            </ul>

            <nav class="private">
                <ul>
                    <li><a href="#">我的账户</a></li>
                    <li class="separator">|</li>
                    <li><a href="#">我的收藏</a></li>
                    <li class="separator">|</li>
                    <li><a href="login.html">登录</a></li>
                    <li class="separator">|</li>
                    <li><a href="login.html">注册</a></li>
                </ul>
            </nav><!-- .private -->
        </div><!-- .grid_6 -->
    </header><!-- #branding -->
</div><!-- .container_12 -->

<div class="clear"></div>

<div id="block_nav_primary">
    <div class="container_12">
        <div class="grid_12">
            <nav class="primary">
                <ul>
                    <li><a href="/goods/index.html">首页</a></li>
                    <li class="curent"><a href="all_catalog.html">全部宝贝</a></li>
                    <li><a href="catalog_grid.html">热销推荐</a></li>
                    <li><a href="/qd/compare.html">猜你喜欢</a></li>
                    <li>
                        <a href="/goods/hostM">新品推荐</a>
                        <!-- <ul class="sub">
                           <li><a href="catalog_grid.html">热销商品</a></li>
                           <li><a href="catalog_list.html">今日推荐</a></li>

                         </ul>-->
                    </li>


                    <li>
                        <a href="#">更多精彩</a>
                        <ul class="sub">
                            <li><a href="/commont/toblogPost">评论社区</a></li>
                            <li><a href="/qd/contact_us.html">联系我们</a></li>
                            <li><a href="/qd/blog.html">关于我们</a></li>

                        </ul>
                    </li>
                </ul>
            </nav><!-- .primary -->
        </div><!-- .grid_12 -->
    </div><!-- .container_12 -->
</div><!-- .block_nav_primary -->

<div class="clear"></div>

<section id="main">
    <div class="container_12">
        <div id="sidebar" class="grid_3" style="width: 228px;">
            <aside id="categories_nav">
                <h3>分类目录</h3>

                <nav class="left_menu">
                    <ul>
                        <li><a href="#">杯子 </a></li>
                        <li><a href="#">茶壶 </a></li>
                        <li><a href="#">四件套 </a></li>
                        <li><a href="#">方壶</a></li>
                        <li><a href="#">花货 </a></li>
                        <li><a href="#">筋纹器</a></li>
                        <li class="last"><a href="#">其他 </a></li>
                    </ul>
                </nav><!-- .left_menu -->
            </aside><!-- #categories_nav -->


            <aside id="specials" class="specials">
                <h3>特价商品</h3>

                <ul>
                    <li>
                        <div class="prev">
                            <a href="product_page.html"><img src="/images/1.jpg" alt="" title=""/></a>
                        </div>

                        <div class="cont">
                            <a href="product_page.html">钦州坭兴陶茶壶大容量刻字小号家用非紫砂泡茶壶茶具</a>
                            <div class="prise"><span class="old">￥177.00</span>￥75.00</div>
                        </div>
                    </li>

                    <li>
                        <div class="prev">
                            <a href="product_page.html"><img src="/images/1.jpg" alt="" title=""/></a>
                        </div>

                        <div class="cont">
                            <a href="product_page.html">钦州坭兴陶茶壶大容量刻字小号家用非紫砂泡茶壶茶具</a>
                            <div class="prise"><span class="old">￥177.00</span>￥75.00</div>
                        </div>
                    </li>
                </ul>
            </aside><!-- #specials -->


        </div><!-- .sidebar -->

        <div id="content" class="grid_9">
            <h1 class="page_title">产品列表</h1>

            <div class="options">
                <div class="grid-list">
                    <a class="grid curent" href="index.html"><span>img</span></a>
                    <a class="list" href="catalog_list.html"><span>img</span></a>
                </div><!-- .grid-list -->

                <div class="show">
                    显示
                    <select>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                    </select>

                    条
                </div><!-- .show -->

                <div class="sort">
                    排序方式
                    <select>
                        <option>地区</option>
                        <option>价钱</option>
                        <option>评分</option>
                        <option>销量</option>
                    </select>

                    <a class="sort_up" href="#">&#8593;</a>
                </div><!-- .sort -->
            </div><!-- .options -->

            <!--加载数据-->
            <div id="select"></div>

        </div><!-- .container_12 -->
    </div>
</section><!-- #main -->

<div class="clear"></div>


<footer>
    <div class="f_navigation">
        <div class="container_12">
            <div class="grid_3">
                <h3>联系我们</h3>
                <ul class="f_contact">
                    <li>钦州湾广场</li>
                    <li>+777 (100) 1234</li>
                    <li>mail@example.com</li>
                </ul><!-- .f_contact -->
            </div><!-- .grid_3 -->

            <div class="grid_3">
                <h3>信息</h3>
                <nav class="f_menu">
                    <ul>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">隐私政策</a></li>
                        <li><a href="#">条款及细则</a></li>
                        <li><a href="#">安全付款</a></li>
                    </ul>
                </nav><!-- .private -->
            </div><!-- .grid_3 -->

            <div class="grid_3">
                <h3>顾客服务</h3>
                <nav class="f_menu">
                    <ul>
                        <li><a href="contact_us.html">联系方式</a></li>
                        <li><a href="#">返回</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">网站地图</a></li>
                    </ul>
                </nav><!-- .private -->
            </div><!-- .grid_3 -->
            <div class="clear"></div>
        </div><!-- .container_12 -->
    </div><!-- .f_navigation -->

    <div class="f_info">
        <div class="container_12">
            <div class="grid_6" style="margin: 0 auto; width: 100%;">
                <p class="copyright" style="text-align: center;">© 钦州坭兴陶, 2020.07 </p>
            </div><!-- .grid_6 -->
            <div class="clear"></div>
        </div><!-- .container_12 -->
    </div><!-- .f_info -->
</footer>
<script th:inline="javascript">
    var contextPath=[[${#request.getContextPath()}]];
</script>
<script type="text/javascript">
    $(function () {
        $("#select").load("/goods/getGoodDate",builtQuery(1));
    })
    /*加载其他页数据*/
    function localDate(page){
        $("#select").load("/goods/getGoodDate",builtQuery(page));
    }
    function builtQuery(page) {
        var query={};
        query.page=typeof page == "undefined" ? 1:page;
        return query;
    }
</script>
</body>
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=utf-8"/><!-- /Added by HTTrack -->
</html>

